/*********************************
 * html elements
 *********************************/
body {
	font-size:110%;
}

h1, h2, h3, h4, h5 {
	clear:both;
	letter-spacing:0.04em;	
}

dt {
	font-size:1.1em;
	margin-top:10px;
}

/*********************************
 * defined DIVs
 *********************************/

#main {
	width:960px;
	margin:0 auto;
}

/*********************************
 * left column elements
 *********************************/

#left-col {
	width:960px;
	height:100% !important;
}

#photo, #overlay {
	display:none;
}

#name {
	float:left;
	width:558px;
	margin:20px 20px 20px 0;
}

#name h2, #name h4 {
	vertical-align:bottom;
	text-align:left;
	margin:10px;
	padding:0;
}

#name h4 {
	margin-top:0;
}

#name h2 {
	margin-bottom:0;
}

#contact-details {
	font-size:.8em;
	float:left;
	width:222px;
	margin:10px 0 0 55px;
}

#contact-details table {
	margin-top:20px;
	border-collapse:separate;
	border-spacing:0 0;
}

#contact-details table tr td {
	vertical-align:top;
	font-size:110%;
}

.cd-item {
	padding:10px;
	font-weight:bold;
}

.cd-info {
	padding:10px;
}

/*********************************
 * right column elements
 *********************************/

#actions {
	display:none;
}

#right-col {
	overflow: visible;
	clear:both;
	float:left;
	background-color:#FFF;
}

#right-col h2 {
	clear:both;
	padding:10px 10px 0 0;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
}

#content {
	position:relative;
	margin:10px;
}



hr.clear {
	visibility:hidden;
	clear:both;
	margin:0;
	padding:0;
}

.col2, .col3 {
	float:left;
	clear:both;
	width:960px;
}

.col2 h5, .col3 h5 {
	padding:0;
	margin:20px 0 0;
}

.col2-1 {
	float:left;
	margin-right:10px;	
}

.col2-2 {
	float:left;
	margin-right:10px;
}

.col3-1 {
	float:left;
	margin-right:10px;
}

.col3-2 {
	float:left;
	margin-right:10px;
}

.col3-3 {
	float:left;
}
